<template>
<div>
<ul>
  <li> 父传子 props</li>
  <li> 子传子 this.$emit</li>
  <li> $attrs和$listeners来实现的</li>
  <li @click="test"> provide 和inject</li>
  <li>
    <pre>
      通过eventBus传递数据
      使用前可以在全局定义一个eventBus
      window.eventBus = new Vue();
      eventBus.$emit('eventBusName', id);
      在需要接受参数的组件重，用on接受该值（或对象）
      //val即为传递过来的值 eventBus.$on('eventBusName', function(val) {console.log(val)})
      最后记住要在beforeDestroy()中关闭这个eventBus
      eventBus.$off('eventBusName');
    </pre>
  </li>
  <li> 通过eventBus传递数据</li>
</ul>
  <demo03_1 ></demo03_1>
</div>
</template>

<script>
import demo03_1 from "@/components/demo03/demo03_1";
export default {
  components:{demo03_1},
	name: "Demo03",
  data(){
    return {
      pt:'bar'
    }
  },
	provide(){
    return {
      foo: this.pt
    }
  },
  methods:{
    test(){
      alert('in')
      this.pt = 2222
    }
  }
}
</script>

<style scoped>

</style>